/* pages/AIOpera/AIOpera.wxss */
.container{
  background: #f9f9f9;
  .header{
    flex-shrink: 0;
    box-sizing: border-box;
    position: relative;
    .header-content{
      display: flex;
      flex-direction: row;
      align-items: center;
      .search-item{
        display: flex;
        align-items: center;
        width: 100%;
        background: rgb(255 255 255 / 65%);
        flex-direction: row;
        border-radius: 30rpx;
        margin: 20rpx 25rpx 50rpx;
        border: 1px solid #e8e8e8;
        .icon-small{
          padding: 0 10rpx;
        }
        input{
          flex: 1;
          font-size: 26rpx;
          height: 60rpx;
          color: #707171;
        }
      }
    }
    .line-bar{
      width: 100%;
      height: 21rpx;
      background: #f9f9f9;
      position: absolute;
      bottom: -1rpx;
      left: 0;
      border-radius: 20rpx 20rpx 0 0;
    }
  }
  .resource-content{
    padding: 0 30rpx;
    .resource-title{
      display: flex;
      align-items: center;
      margin-bottom: 30rpx;
      .title{
        font-size: 40rpx;
        color: #222222;
        position: relative;
        font-weight: 500;
        letter-spacing: 1rpx;
        position: relative;
        &::after{
          content: '';
          display: block;
           width: 158rpx;
          height: 18rpx;
          border-radius: 8rpx;
          background: linear-gradient(to right, #f6e6e3, #ef9994);
          position: absolute;
          bottom: 5rpx;
          left: 0;
          z-index: -1;
        }
      }
      .title-bar{
        display: block;
        width: 22rpx;
        margin-left: 20rpx;
        padding-top: 6rpx;
      }
    }

      // height: 1rpx;
 

  }
  .resource-item{
    image{
      width: 100%;
    }
  }
}